/* 
 * Kuda includes a library and editor for authoring interactive 3D content for the web.
 * Copyright (C) 2011 SRI International.
 *
 * This program is free software; you can redistribute it and/or modify it under the terms
 * of the GNU General Public License as published by the Free Software Foundation; either 
 * version 2 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program; 
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 
 * Boston, MA 02110-1301 USA.
 */

/******************************************************************************
 * 								 	  Forms								  	  *	
 ******************************************************************************/

#anmKeyframes, #anmLoops, #anmPreview {
    display: none;
} 

form #anmKeyframes input:not([type=radio]),
form #anmLoops input:not([type=radio]) {
    float: left;
    width: 65px;
    margin-right: 5px;
}

form #anmKeyframes label, 
form #anmLoops label {
    float: left;
    width: auto;
    margin-right: 5px;
    height: 26px;
    line-height: 26px;
}

/******************************************************************************
 * 								 	  Sliders								  *
 ******************************************************************************/

#anmSlider, 
.loopSlider {
	width: 250px;
	height: 10px;
	margin: 8px 10px 15px 15px;
	background: #ddd;
	box-shadow: 0 1px 0 #fff,
		inset 0 1px 3px #ccc;
	border-radius: 10px;
	border: none;
	float: left;
}
#anmSlider .ui-slider-handle,
.loopSlider .ui-slider-handle {
	height: 15px;
	width: 15px;
	border-radius: 15px;
	top: -3px;
	box-shadow: 0 1px 5px #aaa,
		inset 0 1px 2px #fff;
	background: -moz-linear-gradient(100% 100% 90deg, #bbb, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#bbb));
	border: 1px solid #aaa;
} 
#anmSlider .ui-slider-range, 
.loopSlider .ui-slider-range {
	border-radius: 10px;
	background: -moz-linear-gradient(100% 100% 90deg, #0a6496, #2a86b7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a86b7), to(#0a6496));
	box-shadow: inset 0 1px 2px #72bbe0;
	height: 8px;
	border: 1px solid #aaa;
}
.loopSlider {
	width: 214px;
}
